<!DOCTYPE html>
<html>

<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">


	<title>H+ 后台主题UI框架 - Bootstrap Table</title>
	<meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
	<meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

	<link rel="shortcut icon" href="favicon.ico">
	<link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
	<link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
	<link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
	<link href="css/animate.min.css" rel="stylesheet">
	<link href="css/style.min.css?v=4.0.0" rel="stylesheet">
	<base target="_blank">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
	<div class="ibox float-e-margins">
		<div class="ibox-content">
			<div class="row row-lg">
				<div class="col-sm-12">
					<h4 class="example-title">接入点信息</h4>
					<!--<div class="ibox-title">-->
					<!--<div class="ibox-tools">-->

					<!--</div>-->
					<!--</div>-->
					<div class="row m-b-sm m-t-sm">
						<div class="col-md-1">
							<button type="button" id="refreshbutton" class="btn btn-white btn-sm"><i
									class="fa fa-refresh"></i> 刷新
							</button>
						</div>
						<div class="col-md-11">
							<div class="input-group">
								<input type="text" placeholder="请输入接入点名称" class="input-sm form-control"> <span
									class="input-group-btn">
                                        <button type="button" class="btn btn-sm btn-primary"> 搜索</button> </span>
							</div>
						</div>
					</div>
					<!--<div class="col-sm-12">-->
						<!--<div class="col-lg-1  pull-right">-->
							<!--<button class="btn btn-primary btn-sm" data-toggle="modal"-->
									<!--data-target="#secretKeyModal" id="secretKeyButton">查询密钥-->
							<!--</button>-->
						<!--</div>-->
					<!--</div>-->
					<!--<div class="example">-->
						<!--<table id="exampleTableFromData" data-mobile-responsive="true">-->
						<!--</table>-->
					<!--</div>-->
					<table id="exampleTableFromData" data-toggle="table" data-url="accesspoint/list"
						   class="table table-hover" data-show-columns="true" data-search="true"
						   data-show-refresh="true" data-show-toggle="true"
						   data-show-export="true"	data-method="post"
						   data-export-types="['json', 'xml', 'csv', 'txt', 'sql', 'excel']"
						   data-height="450"
						   data-pagination="true"
						   data-query-params="makeparmter">
						<thead>
						<tr>
							<th data-field="id" data-formatter="hideIdFormatter" class="hide"></th>
							<th data-field="accessPointId" data-align="left">接入点id</th>
							<th data-field="accessPointUserName" data-align="center">接入点名称</th>
							<th data-field="accessPointNickName">接入点昵称</th>
							<th data-field="enableState" data-formatter="showButton">可用状态</th>
							<th data-field="operate" data-formatter="operateFormatter"
								data-events="operateEvents">操作</th>
						</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 模态框示例（Modal） -->

<div class="modal fade" id="secretKeyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
	 aria-hidden="true">
	<!--<form method="post" action="" class="form-horizontal" role="form" id="form_data" onsubmit="check_form()"-->
	<!--style="margin: 20px;">-->
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					接入点密钥
				</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" id="form_data">
					<div class="form-group">
						<label for="paraSecretKey" class="col-sm-4 control-label">接入点参数密钥KEY</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" id="paraSecretKey"
								   name="paraSecretKey"
								   placeholder="参数密钥" readonly="readonly">
						</div>
					</div>

					<div class="form-group">
						<label for="paraSecretIv" class="col-sm-4 control-label">接入点参数密钥IV</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" id="paraSecretIv"
								   name="paraSecretIv"
								   placeholder="参数密钥" readonly="readonly">
						</div>
					</div>

					<div class="form-group">
						<label for="signSecretKey" class="col-sm-4 control-label">接入点签名密钥</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" name="signSecretKey" value=""
								   id="signSecretKey"
								   placeholder="签名密钥" readonly="readonly">
						</div>
					</div>

					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal" id="closeWindow">关闭
						</button>
						<button type="button" class="btn btn-primary" onclick="check_form()">
							提交
						</button>
						<span id="tip"> </span>
					</div>
				</form>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
	<!--</form>-->
</div>

<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.5"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="js/plugins/validate/jquery.validate.min.js"></script>
<script src="js/plugins/validate/messages_zh.min.js"></script>
<script src="js/demo/bootstrap-table-demo.min.js"></script>
<script src="js/application/secretkey.js"></script>
<script src="js/application/accesspoint-validate.js"></script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>
</html>